{% load i18n compress %}
{% load staticfiles %}
<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="{{ lang|default:"en-gb" }}" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="{{ lang|default:"en-gb" }}" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="{{ lang|default:"en-gb" }}" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="{{ lang|default:"en-gb" }}" class="no-js"> <!--<![endif]-->
<head>
    <title>{% if display_version %}[{% trans "Build" %} {{ version }}] {% endif %}{% block title %}{{ shop_name }} -
        {{ shop_tagline }}{% endblock %}</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="created" content="{% now "jS M Y h:i" %}"/>
    <meta name="description" content="{% block description %}{% endblock %}"/>
    <meta name="keywords" content="{% block keywords %}{% endblock %}"/>
    <meta name="viewport" content="{% block viewport %}width=device-width"{% endblock %}>

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    {% block favicon %}
{#        <link rel="shortcut icon" href="{% static "oscar/favicon.ico" %}"/>#}
    {% endblock %}

    {% block mainstyles %}
        {% comment %}
            We use an inner block to work-around the fact that django-compressor doesn't work with
            template inheritance.  Ie, we can't just wrap the {% block mainstyles %} with compress tags and
            expect it to compress CSS files added in child templates.
            {% endcomment %}
        {% block styles %}
            {% comment %}
                If you are developing Oscar's CSS, or overriding Oscar's CSS
                files in your project, then set USE_LESS = True in your
                settings file.  You will also need to ensure that the 'lessc'
                executable is available and you have COMPRESS_PRECOMPILERS specified
                correctly.
                {% endcomment %}
{#            {% compress css %}#}
{#                {% if use_less %}#}
{#                    <link rel="stylesheet" type="text/less" href="{% static "oscar/less/styles.less" %}"/>#}
{#                    <link rel="stylesheet" type="text/less" href="{% static "oscar/less/responsive.less" %}"/>#}
{#                {% else %}#}
{#                    <link rel="stylesheet" type="text/css" href="{% static "oscar/css/styles.css" %}"/>#}
{#                    <link rel="stylesheet" type="text/css" href="{% static "oscar/css/responsive.css" %}"/>#}
{#                {% endif %}#}
{#            {% endcompress %}#}
            <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.2.0/pure-min.css">
            <style type="text/css">
                body,
                input[type="text"],
                input[type="password"],
                button {
                    font-family:"微软雅黑","proxima-nova",sans-serif;
                }
                div.centerContentWidget {
                    width:1024px;
                    height:100%;
                    margin:0 auto;
                }
                div.splitLine {
                    width:100%;
                    height:0;
                    border-bottom:10px solid deepskyblue;
                }
            </style>
        {% endblock %}
    {% endblock %}
    {% block mainscript %}
        <script type="text/javascript" src="{% static 'js/jquery-1.10.1.js' %}"></script>
    {% endblock %}

    {# Additional CSS - specific to certain pages #}
    {% block extrastyles %}{% endblock %}
    {% block extrascript %}{% endblock %}

    {% block extrahead %}{% endblock %}
</head>

<body id="{% block body_id %}default{% endblock %}" class="{% block body_class %}default{% endblock %}">
{# Main content goes in this 'layout' block #}
{% block layout %}
    {% block layout_header %}
        {% block base_header_header %}{% endblock %}
        {% block base_header_body %}
            {% include "kjssoft/widgets/header/base_header.html" %}
        {% endblock %}
        {% block base_header_footer %}
            <div class="splitLine"></div>
        {% endblock %}
        {% endblock %}
    {% block layout_body %}{% endblock %}
    {% block layout_footer %}{% endblock %}
{% endblock %}

{% block tracking %}
    {# Default to using Google analytics #}
    {% if google_analytics_id %}
        {% include 'partials/google_analytics.html' %}
    {% endif %}
{% endblock %}

{# Page meta-data - this is populated by the 'metadata' template context processor #}
<!-- {% trans "Version:" %} {{ version }} -->
</body>
</html>